<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<!-- CSS 文件 ，不要删，不够自己添加 -->
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-table.min.css">
<link rel="stylesheet" href="../assets/css/azzara.min.css">
<link rel="stylesheet" href="../assets/css/demo.css">
<link rel="stylesheet" href="css/buttonlocation.css">
<body>

<!--这里选择的是80%的容器，如果需要100%的话，自己修改一下-->
<div class="container" id="one">
    <!--内容在这里面添加就好了-->
    <form>
    <table width="100%">
        <tr>
            <td><input placeholder="出库人" type="text" name="storer" id="storer" class="form-control form-inline"></td>
            <td><input placeholder="出库编号" type="text" name="gatherId" id="gatherId" class="form-control form-inline"></td>
            <td><input type="date" name="registerTime" id="registerTime" class="form-control form-inline"></td>
            <td><input type="date" name="checker" id="checker" class="form-control form-inline"></td>
            <td><input type="button" value="查询" id="condition" onclick="demand()" class="btn btn-success btn-sm"></td>
            <td><input type="reset" value="清空条件" class="btn btn-success btn-sm"></td>
        </tr>
    </table>
    </form>
<!--    <form align="center">-->
<!--        出库人:<input type="text" name="storer" id="storer">-->
<!--        出库编号:<input type="text" name="gatherId" id="gatherId">-->
<!--        登记时间:从<input type="date" name="registerTime" id="registerTime">-->
<!--        到:<input type="date" name="checker" id="checker">-->
<!--        <input type="button" value="查询" id="condition" onclick="demand()">-->
<!--    </form>-->
    <table id="gradeTable" class="table-striped table-bordered table-hover">

    </table>
</div>
<div class="container"  id="two" style="display: none;border: 1px solid black">
    <h1 style="text-align: center;">出 库 单</h1>
    <!--内容在这里面添加就好了-->
    <!--    <ul style="display:inline" id="ul">-->
    <!--        <li><button onclick="pass(1)" class="btn btn-secondary">通过</button></li>-->
    <!--        <li><button onclick="pass(2)" class="btn btn-warning">不通过</button></li>-->
    <!--        <li><button class="btn btn-secondary">返回</button></li>-->
    <!--    </ul>-->
<!--    <table style="width: 100%" class="table-striped table-bordered ">-->
<!--        <tr>-->
<!--            <td colspan="8">出库单编号:<span id="rkdbh"></span></td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td colspan="4">出库理由:<span id="rkly"></span></td>-->
<!--            <td colspan="4">出库详情理由:<span id="rkxqly"></span></td>-->
<!--        </tr>-->
<!--        <tr><td colspan="8">&nbsp;</td></tr>-->
<!--        <tr>-->
<!--            <td>序号</td>-->
<!--            <td>产品名称</td>-->
<!--            <td>产品编号</td>-->
<!--            <td>描述</td>-->
<!--            <td>应出件数</td>-->
<!--            <td>已出件数</td>-->
<!--            <td>调度</td>-->
<!--        </tr>-->
<!--        <tbody id="tbody"></tbody>-->
<!--        <tr><td colspan="8">&nbsp;</td></tr>-->
<!--        &lt;!&ndash;        <tr>&ndash;&gt;-->
<!--        &lt;!&ndash;            <td colspan="4">总件数:<span id="zjs"></span></td>&ndash;&gt;-->
<!--        &lt;!&ndash;            <td colspan="4">总金额:<span id="zje"></span></td>&ndash;&gt;-->
<!--        &lt;!&ndash;        </tr>&ndash;&gt;-->
<!--        <tr>-->
<!--            <td colspan="4">登记人:<span id="djr"></span></td>-->
<!--            <td colspan="4">登记时间:<span id="djsj"></span></td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td colspan="4">应出库总数:<span id="zjs"></span></td>-->
<!--            <td colspan="4">已出库总数:<span id="b">0.00</span></td>-->
<!--        </tr>-->
<!--        <tr>-->
<!--            <td colspan="4">应出库总成本:<span id="zje"></span></td>-->
<!--            <td colspan="4">已出库总成本:<span id="a">0.00</span></td>-->
<!--        </tr>-->
<!--    </table>-->
    <div style="width: 48%;display: inline-block">
        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">出库单编号:</label>
            <div class="col-md-9 p-0">
                <span id="rkdbh"></span>
            </div>
        </div>

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">出库理由:</label>
            <div class="col-md-9 p-0">
                <span id="rkly"></span>
            </div>
        </div>

    </div>
    <div style="width: 48%;display: inline-block">

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">出库详情理由:</label>
            <div class="col-md-9 p-0">
                <span id="rkxqly"></span>
            </div>
        </div>

    </div>
    <table class="table table-bordered">
        <tr>
            <td>序号</td>
            <td>产品名称</td>
            <td>产品编号</td>
            <td>描述</td>
            <td>应入件数</td>
            <td>已入件数</td>
            <td>调度</td>
        </tr>
        <tbody id="tbody"></tbody>
    </table>
    <div style="width: 48%;display: inline-block">
        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">登记人:</label>
            <div class="col-md-9 p-0">
                <span id="djr"></span>
            </div>
        </div>

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">应出总数:</label>
            <div class="col-md-9 p-0">
                <span id="zjs"></span>
            </div>
        </div>

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">应出库总成本(元):</label>
            <div class="col-md-9 p-0">
                <span id="zje"></span>
            </div>
        </div>

    </div>
    <div style="width: 48%;display: inline-block">

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">登记时间:</label>
            <div class="col-md-9 p-0">
                <span id="djsj"></span>
            </div>
        </div>

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">已出库总数:</label>
            <div class="col-md-9 p-0">
                <span id="b">0.00</span>
            </div>
        </div>

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">已出库总成本(元):</label>
            <div class="col-md-9 p-0">
                <span id="a">0.00</span>
            </div>
        </div>

    </div>
</div>
<!-- 模态框 -->
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- 模态框头部 -->
            <div class="modal-header">
                <h6 class="modal-title">您正在做的业务是:库存管理&#45;&#45;出库调度管理&#45;&#45;定制出库单</h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <!-- 模态框主体 -->
            <div class="modal-body">
                <table width="100%" class="table-striped table-bordered table-hover">
                    <tr>
                        <td>当前存放数量</td>
                        <td>本次出库数量</td>
                    </tr>
                    <tr>
                        <td><span id="mayAmount"></span></td>
                        <td><input type="number" id="shouldAmount" class="form-control"> </td>
                    </tr>
                </table>
            </div>
            <!-- 模态框底部 -->
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="ByproductIdqueryIsdesignCellTag()">确定</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>

        </div>
    </div>
</div>
<!--js用到的包，不够在自己添加-->
<script src="../js/jquery.3.2.1.min.js"></script>
<script src="../js/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-table.min.js"></script>
<script src="../js/bootstrap-table-zh-CN.min.js"></script>
<script src="../js/common.js"></script>
<script src="js/dzckd.js"></script>
</body>
</html>